<?php
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Message</title>

<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<script type="text/javascript" src="js/database.js"></script>
<script type="text/javascript" src="js/message.js"></script>
<script type="text/javascript" src="js/playerui.js"></script>
<script type="text/javascript" src="js/selfui.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script type="text/javascript" src="js/control.js"></script>

<script type="text/javascript" src="js/test.js"></script>

<script type="text/javascript">
	var UID = <?php echo ($_GET['uid'])?$_GET['uid']:0;?>; 
</script>

<link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>

<body>
	<div class='main'>
		<div id='game-panel'>
			<div id='top'>
				<div id='player-area-top' class='player-area'>
				</div>			
			</div>
			<div id='mid'>
				<div id='player-area-left' class='player-area'>					
				</div>
				<div id='desk'>
					<div class='current card'>
						<b>????</b><br>(xxxx)
					</div>
				</div>
				<div id='player-area-right' class='player-area'>
				</div>
			</div>
		</div>	
		<div id='user-panel'>
			<div class='user'>
				<div class='info'>
					<img class='character card' src="./img/test.jpg"/>
					<div class='name'>XXX</div>
				</div>
				<div class='right'>
					<div class='card-list functions'>	
					</div>
					<div class='right-bottom'>	
						<img class='role card' src="./img/test.jpg"/>
						<div class='mid'>
							<div class='bar'><div class='load'></div></div>
							<div class='chat'></div>
						</div>
						
						<div class='messages'>
							<div class='card-list red'>
							</div>
							<div class='card-list blue'>
							</div>
							<div class='card-list black'>		
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
		<div class='status-bar'>
			
		</div>
	</div>
	
	<div class='overlay'>	
	</div>
	<div class='loading'>
		Loading...
	</div>
	
	
</body>
</html>